body{
	margin: 0px;
	padding: 0px;
	font-family:sans-serif;
	background: url(../img/10.jpg);
	background-size:cover;
}
.box{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	width:450px;
    padding:70px;
    background: rgba(0,0,0,0.7);
    border-radius:15px;
}
.box h2{
	margin:0 0 30px;
	padding:0;
	color: #fff;
	text-align:center;
}
.box .inputbox{
	position: relative;
}
.box .inputbox input{
	width: 100%;
	padding: 10px 0;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 1px;
	margin-bottom: 25px;
	border:none;
	border-bottom: 1px solid #fff;
	outline:none;
	background: transparent;
}

.box .inputbox label{
	position:absolute;
	top: 0px;
	left: 0px;
	padding: 10px 0;
	font-size: 16px;
	color: #FFFFFF;
	pointer-events:none;
}
.box .sub .but input:focus
{
	outline:0;
}
.box .inputbox input:focus ~ label,
.box .inputbox input:valid ~ label{
	top:-18px;
	left:0;
	color:#03a9f4;
	font-size:14px;
	outline:0;
}
.box .sub{
	width: 100px;
	border:none;
	font-size: 16px;
	color:#fff;
	background: #03a9f4;
	padding:15px 20px;
	cursor: pointer;
	
}
.box .but{
	margin-left: 110px;
}
.error{
	position:absolute;
	top: 0px;
	left: 280px;
	padding: 10px 0;
	font-size: 16px;
	pointer-events:none;
	color: red;
}
